<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="../font/font_wwrj6mz8oo/iconfont.css">
  <link rel="stylesheet" href="../font/font_fangdaj/iconfont.css">
  <link rel="stylesheet" href="../font/font_footer/iconfont.css">
  <link rel="stylesheet" href="../font/font_more/iconfont.css">
  <link rel="stylesheet" href="../css/index.css" />
  <link rel="stylesheet" href="../css/common-PC.css" />
  


  <title>小米</title>

</head>

<body>
  <!-- 头部 -->
  <div class="header">
    <div class="site-topbar">
      <div class="containe clr">
        <div class="topbar-nav">
          <a href="">小米商城</a>
          <span class="sep">|</span>
          <a href="">MIUI</a>
          <span class="sep">|</span>
          <a href="">IoT</a>
          <span class="sep">|</span>
          <a href="">云服务</a>
          <span class="sep">|</span>
          <a href="">天星数科</a>
          <span class="sep">|</span>
          <a href="">有品</a>
          <span class="sep">|</span>
          <a href="">小爱开放平台</a>
          <span class="sep">|</span>
          <a href="">企业团购</a>
          <span class="sep">|</span>
          <a href="">资质证照</a>
          <span class="sep">|</span>
          <a href="">协议规则</a>
          <span class="sep">|</span>
          <a href="">下载app
            <span class="sep">|</span>
            <a href="">智能生活</a>
            <span class="sep">|</span>
            <a href="">Select Location</a>
        </div>
        <div class="topbar-cart">
          <span class="iconfont icon-gouwuche"></span>
          <a href="./shoppingCart.html">购物车(0)</a>
        </div>
        <div class="topbar-info">
          <a href="./login.html">登录</a>
          <span class="sep">|</span>
          <a href="./regist.html">注册</a>
          <span class="sep">|</span>
          <a href="">消息通知</a>
        </div>




      </div>

    </div>
    <div class="site-header">
      <div class="containe clr">
        <div class="header-logo">
          <img  data-original="./../img/logo-mi2.png" alt="">
          <a href="https://www.mi.com">官网</a>
        </div>
        <div class="header-nav">
          <ul class="nav-list fl">
            <li>
              <a href="">
                <span>小米手机</span>
              </a>
            </li>
            <li>
              <a href="">
                <span>Redmi红米</span>
              </a>
            </li>
            <li>
              <a href="">
                <span>电视</span>
              </a>
            </li>
            <li>
              <a href="">
                <span>笔记本</span>
              </a>
            </li>
            <li>
              <a href="">
                <span>家电</span>
              </a>
            </li>
            <li>
              <a href="">
                <span>路由器</span>
              </a>
            </li>
            <li>
              <a href="">
                <span>智能硬件</span>
              </a>
            </li>
            <li>
              <a href="">
                <span>服务</span>
              </a>
            </li>
            <li>
              <a href="">
                <span>社区</span>
              </a>
            </li>
          </ul>
        </div>
        <div class="header-search">
          <form action="" class="form-search">
            <input type="search">
            <button type="submit">
              <span class="iconfont icon-fangdajing"></span>
            </button>
          </form>
        </div>
      </div>
      <div class="">


        <div class="header-nav-menu">
          <div class="menu-c clr">
            <ul class="nemuIndex">
              <li>
                <img  data-original="../img/menu-2.webp" alt="">
                <p>小米MIX FOLD</p>
                <p>9999元起</p>
                <span></span>
              </li>
              <li>
                <img  data-original="../img/menu-1.webp" alt="">
                <p>小米11 Ultra</p>
                <p>5999元起</p>
                <span></span>
              </li>
              <li>
                <img  data-original="../img/menu-3.webp" alt="">
                <p>小米11 Pro</p>
                <p>4999元起</p>
                <span></span>
              </li>
              <li>
                <img  data-original="../img/menu-4.webp" alt="">
                <p>小米11s</p>
                <p>2999元起</p>
                <span></span>
              </li>
              <li>
                <img  data-original="../img/menu-5.webp" alt="">
                <p>小米11 青春版</p>
                <p>3999元起</p>
                <span></span>
              </li>
              <li>
                <img  data-original="../img/menu-6.webp" alt="">
                <p>小米11</p>
                <p>5999元起</p>

              </li>
            </ul>
          </div>
        </div>
        <div class="header-nav-menu ">
          <div class="menu-c clr">
            <ul class="nemuIndex">
              <li>
                <img  data-original="../img/redmi-1.webp" alt="">
                <p>K40 游戏增强版</p>
                <p>5999元起</p>
                <span></span>
              </li>
              <li>
                <img  data-original="../img/rm-1.webp" alt="">
                <p>K40 Pro</p>
                <p>5999元起</p>
                <span></span>
              </li>
              <li>
                <img  data-original="../img/rm-3.webp" alt="">
                <p>Resmi K40</p>
                <p>5999元起</p>
                <span></span>
              </li>
              <li>
                <img  data-original="../img/rm-4.webp" alt="">
                <p>Redmi Note 9 系列</p>
                <p>5999元起</p>
                <span></span>
              </li>
              <li>
                <img  data-original="../img/rm-5.webp" alt="">
                <p>Redmi k30 至尊纪念版</p>
                <p>5999元起</p>
                <span></span>
              </li>
              <li>
                <img  data-original="../img/rm-6.webp" alt="">
                <p>小米11 Ultra</p>
                <p>5999元起</p>

              </li>
            </ul>
          </div>
        </div>
        <div class="header-nav-menu ">
          <div class="menu-c clr">
            <ul class="nemuIndex">
              <li>
                <img  data-original="../img/ds1.webp" alt="">
                <p>Redmi MAX 86"超大屏电视</p>
                <p>9999元起</p>
                <span></span>
              </li>
              <li>
                <img  data-original="../img/ds2.webp" alt="">
                <p>小米电视大师82英寸至尊纪念版</p>
                <p>49999元起</p>
                <span></span>
              </li>
              <li>
                <img  data-original="../img/ds3.webp" alt="">
                <p>小米电视大师82英寸</p>
                <p>19999元起</p>
                <span></span>
              </li>
              <li>
                <img  data-original="../img/ds4.webp" alt="">
                <p>小米透明电视</p>
                <p>49999元起</p>
                <span></span>
              </li>
              <li>
                <img  data-original="../img/ds5.webp" alt="">
                <p>小米电视大师65英寸OLED</p>
                <p>99999元起</p>
                <span></span>
              </li>
              <li>
                <img  data-original="../img/ds6.webp" alt="">
                <p>Redmi智能电视MAX 98"</p>
                <p>19999元起</p>
                <span></span>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 海报 -->
  <div class="banner">
    <div class="containe">
      <ul class="category-list">
        <li>
          <a href="">
            <span>手机 电话卡</span>
          </a>
        </li>
        <li>
          <a href="">
            <span>电视 盒子</span>
          </a>
        </li>
        <li>
          <a href="">
            <span>笔记本 显示器</span>
          </a>
        </li>
        <li>
          <a href="">
            <span>家电 插线板</span>
          </a>
        </li>
        <li>
          <a href="">
            <span>出行 穿戴</span>
          </a>
        </li>
        <li>
          <a href="">
            <span>智能 路由器</span>
          </a>
        </li>
        <li>
          <a href="">
            <span>电源 配件</span>
          </a>
        </li>
        <li>
          <a href="">
            <span>健康 儿童</span>
          </a>
        </li>
        <li>
          <a href="">
            <span>耳机 音响</span>
          </a>
        </li>
        <li>
          <a href="">
            <span>生活 箱包</span>
          </a>
        </li>
      </ul>
      <div>

     
      <div class="cmenu">
        <div class="category-menu">
          <ul>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>

          </ul>
        </div>
      </div>
      <div class="cmenu">
        <div class="category-menu">
          <ul>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>红米k40</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>
            <li>
              <img  src="../img/menu-1.webp" alt=""> <span>小米11</span>
            </li>

          </ul>
        </div>
      </div>
    </div>
      <div class="imglist">
        <div id="carousel-example-generic" class="carousel slide " data-ride="carousel">
          <!-- Indicators -->
          <ol class="carousel-indicators ">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            <li data-target="#carousel-example-generic" data-slide-to="3"></li>
            <li data-target="#carousel-example-generic" data-slide-to="4"></li>
          </ol>

          <!-- Wrapper for slides -->
          <div class="carousel-inner img" role="listbox">
            <div class="item active">
              <img src="./../img/banner-1.jpg" alt="...">
              <div class="carousel-caption">
              </div>
            </div>
            <div class="item">
              <img src="./../img/banner-2.jpg" alt="...">
              <div class="carousel-caption">
              </div>
            </div>
            <div class="item">
              <img src="./../img/banner-3.jpg" alt="...">
              <div class="carousel-caption">
              </div>
            </div>
            <div class="item">
              <img src="./../img/banner-4.jpg" alt="...">
              <div class="carousel-caption">
              </div>
            </div>
            <div class="item">
              <img src="./../img/banner-5.jpeg" alt="...">
              <div class="carousel-caption">
              </div>
            </div>
          </div>

          <!-- Controls -->
          <a class="left carousel-control arrow" href="#carousel-example-generic" role="button" data-slide="prev">
            <!-- <span class="glyphicon glyphicon-chevron-left " aria-hidden="true"></span> -->
            <span class="arrow-l"></span>
            <span class="sr-only">Previous</span>
          </a>
          <a class="right carousel-control arrow" href="#carousel-example-generic" role="button" data-slide="next">
            <!-- <span class="glyphicon glyphicon-chevron-right " aria-hidden="true"></span> -->
            <span class="arrow-r"></span>
            <span class="sr-only">Next</span>
          </a>
        </div>
      </div>

    </div>
  </div>

  <div class="site-channel">
    <div class="containe">
      <ul class="channel-nav fl">
        <li>
          <a href="">
            <img  data-original="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48">
            <p>小米秒杀</p>
          </a>
        </li>
        <li>
          <a href="">
            <img  data-original="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/806f2dfb2d27978e33fe3815d3851fa3.png?w=48&h=48">
            <p>企业团购</p>
          </a>
        </li>
        <li>
          <a href="">
            <img  data-original="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/eded6fa3b897a058163e2485532c4f10.png?w=48&h=48">
            <p>F码通道</p>
          </a>
        </li>
        <li>
          <a href="">
            <img  data-original="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/43a3195efa6a3cc7662efed8e7abe8bf.png?w=48&h=48">
            <p>米粉卡</p>
          </a>
        </li>
        <li>
          <a href="">
            <img  data-original="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f4846bca6010a0deb9f85464409862af.png?w=48&h=48">
            <p>以旧换新</p>
          </a>
        </li>
        <li>
          <a href="">
            <img  data-original="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48">
            <p>话费充值</p>
        </li>
      </ul>
      <ul class="channel-img">
        <li>
          <a href="">
            <img  data-original="./../img/ul-1.jpg" alt="">
          </a>
        </li>
        <li>
          <a href="">
            <img  data-original="./../img/ul-2.jpg" alt="">
          </a>
        </li>
        <li>
          <a href="">
            <img  data-original="./../img/ul-3.jpg" alt="">
          </a>
        </li>
      </ul>
    </div>
  </div>

  <!-- 中心 -->
  <div class="page-main">
    <div class="page-c">
      <div class="seckill">
        <div class="title">
          小米秒杀
                <!-- 左侧按钮 -->
                <span class="lunbo">
                  <a href="javascript:void(0)" class="al"><</a>
                  <!-- 右侧按钮 -->
                  <a href="javascript:void(0)" class="ar">></a>
                </span>
     
        </div>
        <div class="box-bd">
          <div class="countdown">
            <div class="round">14:00场</div>
            <img src="../img/sangdian.png" alt="">

            <div class="finsih-time">本场已结束</div>

            <div class="daojishi">
                <span>00</span> <i>:</i> <span>00</span> <i>:</i> <span>00</span>
            </div>
          </div>
          <div class="seckill-goods">
            <ul>
              <li>
                <a href="">
                  <div class="seckill-img">
                    <img  data-original="./../img/miaosha-1.png" >
                  </div>
                  <h3 class="img-title">米兔智能故事机 白色</h3>
                  <p class="img-t2">能说会道，好玩伴</p>
                  <p class="img-t3">
                    <span>169元</span> <del>199元</del>
                  </p>
                </a>
              </li>
              <li>
                <a href="">
                  <div class="seckill-img">
                    <img  data-original="./../img/miaosha-1.png" alt="">
                  </div>
                  <h3 class="img-title">米兔智能故事机 白色</h3>
                  <p class="img-t2">能说会道，好玩伴</p>
                  <p class="img-t3">
                    <span>169元</span> <del>199元</del>
                    <!-- <img src="" alt=""> -->
                  </p>
                </a>
              </li>
              <li>
                <a href="">
                  <div class="seckill-img">
                    <img  data-original="./../img/miaosha-1.png" alt="">
                  </div>
                  <h3 class="img-title">米兔智能故事机 白色</h3>
                  <p class="img-t2">能说会道，好玩伴</p>
                  <p class="img-t3">
                    <span>169元</span> <del>199元</del>
                  </p>
                </a>
              </li>
              <li>
                <a href="">
                  <div class="seckill-img">
                    <img  data-original="./../img/miaosha-1.png" alt="">
                  </div>
                  <h3 class="img-title">米兔智能故事机 白色</h3>
                  <p class="img-t2">能说会道，好玩伴</p>
                  <p class="img-t3">
                    <span>169元</span> <del>199元</del>
                  </p>
                </a>
              </li>
              <li>
                <a href="">
                  <div class="seckill-img">
                    <img  data-original="./../img/miaosha-1.png" alt="">
                  </div>
                  <h3 class="img-title">米兔智能故事机 白色</h3>
                  <p class="img-t2">能说会道，好玩伴</p>
                  <p class="img-t3">
                    <span>169元</span> <del>199元</del>
                  </p>
                </a>
              </li>

            </ul>

          </div>
        </div>

      </div>
      <div class="d1">
        <img  data-original="./../img/d1.jpg" alt="">
      </div>
      <div class="phone">
        <div class="title">
          手机
        </div>
        <div class="c-list">
          <div class="list-left">
            <a href="">
              <img  data-original="./../img/secondp1.jpeg" alt="">
            </a>
          </div>
          <div class="list-right">
            <ul>
              <li>
                <a href="">
                  <img  data-original="./../img/phone-1.png" alt="">
                  <h3 class="img-title">小米MIX FOLD</h3>
                  <p class="img-t2">折叠大屏 | 自研芯片</p>
                  <p class="img-t3">
                    <span>9999元起</span>
                  </p>
                </a>
              </li>
              <li>
                <a href="">
                  <img  data-original="./../img/sj2.webp" alt="">
                  <h3 class="img-title">小米11 Ultra</h3>
                  <p class="img-t2">1.12''GN2｜2K四微曲屏</p>
                  <p class="img-t3">
                    <span>5999元起</span>
                  </p>
                </a>
              </li>
              <li>
                <a href="">
                  <img  data-original="./../img/sj3.webp" alt="">
                  <h3 class="img-title">小米11 Pro</h3>
                  <p class="img-t2">1.12''GN2｜骁龙888</p>
                  <p class="img-t3">
                    <span>4999元起</span>
                  </p>
                </a>
              </li>
              <li>
                <a href="">
                  <img  data-original="./../img/sj4.webp" alt="">
                  <h3 class="img-title">小米11 青春版</h3>
                  <p class="img-t2">小米11 青春版 轻薄</p>
                  <p class="img-t3">
                    <span>2299元起</span>
                  </p>
                </a>
              </li>
              <li>
                <a href="">
                  <img  data-original="./../img/sj5.webp" alt="">
                  <h3 class="img-title">K40 游戏增强版</h3>
                  <p class="img-t2">轻薄电竞设计</p>
                  <p class="img-t3">
                    <span>1999元起</span>
                  </p>
                </a>
              </li>
              <li>
                <a href="">
                  <img  data-original="./../img/sj6.webp" alt="">
                  <h3 class="img-title">黑鲨4 Pro</h3>
                  <p class="img-t2">黑鲨4 Pro</p>
                  <p class="img-t3">
                    <span>3999元起</span>
                  </p>
                </a>
              </li>
              <li>
                <a href="">
                  <img  data-original="./../img/sj7.webp" alt="">
                  <h3 class="img-title">黑鲨4</h3>
                  <p class="img-t2">黑鲨4 磁动力升降肩键</p>
                  <p class="img-t3">
                    <span>2499元起</span>
                  </p>
                </a>
              </li>
              <li>
                <a href="">
                  <img  data-original="./../img/sj8.webp" alt="">
                  <h3 class="img-title">小米10S</h3>
                  <p class="img-t2">骁龙870 | 对称式双扬立体声</p>
                  <p class="img-t3">
                    <span>3299元起</span>
                  </p>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="d1">
        <img  data-original="./../img/d2.jpg" alt="">
      </div>
      <div class="homeAppliance">
        <div class="title">
          智能
        </div>
        <div class="c-list clr">
          <div class="list-left">
            <ul>
              <li class="cnmli">
                <a href="">
                  <img  data-original="./../img/znl1.webp" alt="">
                </a>
              </li>
              <li>
                <a href="">
                  <img  data-original="./../img/znl2.webp" alt="">
                </a>
              </li>
            </ul>
          </div>
          <div class="list-right">
            <ul class="list-rightul">
              <!-- <li>
                <a href="">
                  <img  data-original="./../img/zn1.webp" alt="">
                  <h3 class="img-title">小米mix fold</h3>
                  <p class="img-t2">能说会道，好玩伴</p>
                  <p class="img-t3">
                    <span>169元</span>
                  </p>
                </a>
              </li>
              <li>
                <a href="">
                  <img  data-original="./../img/phone-1.png" alt="">
                  <h3 class="img-title">小米mix fold</h3>
                  <p class="img-t2">能说会道，好玩伴</p>
                  <p class="img-t3">
                    <span>169元</span>
                  </p>
                </a>
              </li>
              <li>
                <a href="">
                  <img  data-original="./../img/phone-1.png" alt="">
                  <h3 class="img-title">小米mix fold</h3>
                  <p class="img-t2">能说会道，好玩伴</p>
                  <p class="img-t3">
                    <span>169元</span>
                  </p>
                </a>
              </li>
              <li>
                <a href="">
                  <img  data-original="./../img/phone-1.png" alt="">
                  <h3 class="img-title">小米mix fold</h3>
                  <p class="img-t2">能说会道，好玩伴</p>
                  <p class="img-t3">
                    <span>169元</span>
                  </p>
                </a>
              </li>
              <li>
                <a href="">
                  <img  data-original="./../img/phone-1.png" alt="">
                  <h3 class="img-title">小米mix fold</h3>
                  <p class="img-t2">能说会道，好玩伴</p>
                  <p class="img-t3">
                    <span>169元</span>
                  </p>
                </a>
              </li>
              <li>
                <a href="">
                  <img  data-original="./../img/phone-1.png" alt="">
                  <h3 class="img-title">小米mix fold</h3>
                  <p class="img-t2">能说会道，好玩伴</p>
                  <p class="img-t3">
                    <span>169元</span>
                  </p>
                </a>
              </li>
              <li>
                <a href="">
                  <img  data-original="./../img/phone-1.png" alt="">
                  <h3 class="img-title">小米mix fold</h3>
                  <p class="img-t2">能说会道，好玩伴</p>
                  <p class="img-t3">
                    <span>169元</span>
                  </p>
                </a>
              </li>
              <li>
                <a href="">
                  <img  data-original="./../img/phone-1.png" alt="">
                  <h3 class="img-title">小米mix fold</h3>
                  <p class="img-t2">能说会道，好玩伴</p>
                  <p class="img-t3">
                    <span>169元</span>
                  </p>
                </a>
              </li> -->
              <li>
                <ul class="h-more">
                  <li>
                    <div class="zuoli">
                      <h3 class="">米家空气净化器</h3>
                      <p >
                      1299元
                      </p>
                    </div>
                    <div class="youli">
                      <a href="">
                        <img  data-original="./../img/jiadian-10.jpg" alt="">
                       
                      </a>
                    </div>
                  </li>
                  <li>
                    <div class="zuoli1">
                      <h3>浏览更多</h3>
                      <p>热门</p>
                    </div>
                    <div class="youli1">
                      <a href="">
                        <span class="iconfont icon-chakangengduo icon1"></span>
                      </a>
                    </div>
                  </li>
                </ul>
              </li>
  
            </ul>
          </div>
        </div>
        <!-- <div class="h-list">
          <div class="list-left">
            <a href="">
              <ul>
                <li>
                  <a href="">
                    <img  data-original="./../img/jiadian-1.jpg" alt="">
                  </a>
                </li>
                <li>
                  <a href="">
                    <img  data-original="./../img/jiadian-2.jpeg" alt="">
                  </a>
                </li>

              </ul>
            </a>
          </div>
          <div class="list-right">
            <ul>
              <li>
                <a href="">
                  <img  data-original="./../img/phone-1.png" alt="">
                  <h3 class="img-title">小米mix fold</h3>
                  <p class="img-t2">能说会道，好玩伴</p>
                  <p class="img-t3">
                    <span>169元</span>
                  </p>
                </a>
              </li>
              <li>
                <a href="">
                  <img  data-original="./../img/phone-1.png" alt="">
                  <h3 class="img-title">小米mix fold</h3>
                  <p class="img-t2">能说会道，好玩伴</p>
                  <p class="img-t3">
                    <span>169元</span>
                  </p>
                </a>
              </li>
              <li>
                <a href="">
                  <img  data-original="./../img/phone-1.png" alt="">
                  <h3 class="img-title">小米mix fold</h3>
                  <p class="img-t2">能说会道，好玩伴</p>
                  <p class="img-t3">
                    <span>169元</span>
                  </p>
                </a>
              </li>
              <li>
                <a href="">
                  <img  data-original="./../img/phone-1.png" alt="">
                  <h3 class="img-title">小米mix fold</h3>
                  <p class="img-t2">能说会道，好玩伴</p>
                  <p class="img-t3">
                    <span>169元</span>
                  </p>
                </a>
              </li>
              <li>
                <a href="">
                  <img  data-original="./../img/phone-1.png" alt="">
                  <h3 class="img-title">小米mix fold</h3>
                  <p class="img-t2">能说会道，好玩伴</p>
                  <p class="img-t3">
                    <span>169元</span>
                  </p>
                </a>
              </li>
              <li>
                <a href="">
                  <img  data-original="./../img/phone-1.png" alt="">
                  <h3 class="img-title">小米mix fold</h3>
                  <p class="img-t2">能说会道，好玩伴</p>
                  <p class="img-t3">
                    <span>169元</span>
                  </p>
                </a>
              </li>
              <li>
                <a href="">
                  <img  data-original="./../img/phone-1.png" alt="">
                  <h3 class="img-title">小米mix fold</h3>
                  <p class="img-t2">能说会道，好玩伴</p>
                  <p class="img-t3">
                    <span>169元</span>
                  </p>
                </a>
              </li>
              <li>
                <ul class="h-more">
                  <li>
                    <a href="">
                      <img  data-original="./../img/jiadian-10.jpg" alt="">
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <p>浏览更多

                      </p>
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </div>
        </div> -->
      </div>
      <div class="d1">
        <img  data-original="./../img/zn.webp" alt="">
      </div>
    </div>
  </div>

  <!-- 底部 -->
  <div class="footer">
    <div class="footer-c">
      <div class="footer-service">
        <ul class="service-ul">
          <li>
            <a href="">
              <span class="iconfont icon-gongju"></span>
              预约维修服务
            </a>
          </li>
          <li>
            <a href="">
              <span class="iconfont icon-7tiantuihuanhuo"></span>
              7天无理由退货
            </a>
          </li>
          <li>
            <a href="">
              <span class="iconfont icon-15tianwuliyoutuihuo"></span>
              15天免费退货
            </a>
          </li>
          <li>
            <a href="">
              <span class="iconfont icon-liwu"></span>
              满69包邮
            </a>
          </li>
          <li>
            <a href="">
              <span class="iconfont icon-weibiaoti-3"></span>
              520余家售后网点
            </a>
          </li>
        </ul>
      </div>
      <div class="footer-links">
        <dl>
          <dt>帮助中心</dt>
          <dd>账户管理</dd>
          <dd>购物指南</dd>
          <dd>订单操作</dd>
        </dl>
        <dl>
          <dt>帮助中心</dt>
          <dd>账户管理</dd>
          <dd>购物指南</dd>
          <dd>订单操作</dd>
        </dl>
        <dl>
          <dt>帮助中心</dt>
          <dd>账户管理</dd>
          <dd>购物指南</dd>
          <dd>订单操作</dd>
        </dl>
        <dl>
          <dt>帮助中心</dt>
          <dd>账户管理</dd>
          <dd>购物指南</dd>
          <dd>订单操作</dd>
        </dl>
        <dl>
          <dt>帮助中心</dt>
          <dd>账户管理</dd>
          <dd>购物指南</dd>
          <dd>订单操作</dd>
        </dl>
        <dl>
          <dt>帮助中心</dt>
          <dd>账户管理</dd>
          <dd>购物指南</dd>
          <dd>订单操作</dd>
        </dl>
        <div class="col-contact">
          <p>400-100-5678</p>
          <p>8:00-18:00（仅收市话费）</p>
          <a href="">
            人工客服
          </a>
        </div>
      </div>
    </div>
  </div>

  <!-- 底部信息 -->
  <div class="site-info">
    <div class="info-c">
      <div class="info-logo">
        <img  data-original="./../img/logo-mi2.png" alt="">
      </div>
      <div class="info-text">
        <p>
          <a href="">小米商城</a>
          <span>|</span>
          <a href="">MIUI</a>
          <span>|</span>
          <a href="">米家</a>
          <span>|</span>
          <a href="">米聊</a>
          <span>|</span>
          <a href="">多看</a>
          <span>|</span>
          <a href="">游戏</a>
          <span>|</span>
          <a href="">政企服务</a>
          <span>|</span>
          <a href="">小米天猫店</a>
          <span>|</span>
          <a href="">小米集团隐私政策</a>
          <span>|</span>
          <a href="">小米公司儿童信息保护规则</a>
          <span>|</span>
          <a href="">小米商城隐私政策</a>
          <span>|</span>
          <a href="">小米商城用户协议</a>
          <span>|</span>
          <a href="">用户反馈</a>
          <span>|</span>
          <a href="">Select Location</a>
          <span>|</span>
        </p>
        <p>
          <a href="">
            北京互联网法院法律服务工作站
          </a>
          <span>|</span>
          <a href="">
            中国消费者协会
          </a>
          <span>|</span>
          <a href="">
            北京市消费者协会
          </a>
        </p>
        <p>
          <a href="">mi.com京ICP证110507号京ICP备10046444号京公网安备11010802020134号京网文[2020]0276-042号</a>
          <br>
          <a href="">(京)网械平台备字(2018 ）第O0005号互联网药品信息服务资格证(京)-非经营性-2014-0090营业执照医疗器械质量公告</a>
          <br>
          <a href="">增值电信业务许可证网络食品经营备案京食药网食备202010048食品经营许可证</a>
          <br>
          <a href="">违法和不良信息举报电话:171-5104-4404知识产权侵权投诉本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</a>

        </p>
        <div class="info-img">
          <a href="">
            <img  data-original="./../img/yinsi.png" alt="">
          </a>
          <a href="">
            <img  data-original="./../img/yinsi2.png" alt="">
          </a>
          <a href="">
            <img  data-original="./../img/yinsi3.png" alt="">
          </a>
          <a href="">
            <img  data-original="./../img/yinsi4.png" alt="">
          </a>
          <a href="">
            <img  data-original="./../img/yinsi5.png" alt="">
          </a>
        </div>
      </div>

    </div>
  </div>

  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  <script src="../js/index.js"></script>
  <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet" />
  <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>

  <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
  <script src = '../js/library/jquery.lazyload.js'></script>
  <script></script>
  <script>
  $(function() {
      $("img.lazy").lazyload({effect: "fadeIn"});
      $("img").lazyload({effect: "fadeIn"});
      // $("img.lazy").lazyload({ threshold :180});
  });
  </script>
</body>1

</html>